<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width">
    <meta name="keywords" content="网站关键词">
    <meta name="description" content="网站描述">
    <title>苏南自创区国家军民科技协同创新平台---首页</title>

    <link rel="stylesheet" type="text/css" href="css/base.css"/>
    <link rel="stylesheet" type="text/css" href="css/dropdown.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <link rel="stylesheet" type="text/css" href="css/animate.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/owl.carousel.css"/>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <style type="text/css">
        .fdck {
            /* 加载背景图 */
            background: url("http://106.14.172.38:8990/jmrhupload/cover/153932250322507637.jpg") no-repeat;
            /* 背景图垂直、水平均居中 */
            background-position: center center;
            /* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */
            /*background-attachment: fixed;*/
            /* 让背景图基于容器大小伸缩 */
            /*background-size: cover;*/
            background-size: 100% 100%;"
            /*background:#f0f0f0;*/
            border:1px solid #c0c0c0;margin:0 auto;padding:5px;height:100%;display:flex;align-items:center;justify-content: center;
        }
        .floatBox_text{
            color:white;
        }
        .close {
            background: url('./images/close.png');
            /*color: white;*/
            /*border-radius: 12px;*/
            /*line-height: 20px;*/
            /*text-align: center;*/
            height: 20px;
            width: 20px;
            /*font-size: 18px;*/
            /*padding: 1px;*/
            /*top: -10px;*/
            right: 0px;
            position: absolute;
        }
        .close::before {
            content: "\2716";
        }
    </style>

</head>
<body>
<!-- 悬浮窗 -->
<div id="imgBox" style="position: absolute;right:0;top: 815px;visibility :hidden;width: 240px;height:340px;z-index:1000;" onmouseover="clearInterval(interval)" onmouseout="interval = setInterval('changePos()', delay)" align="middle">
    <!--<a href="javascript:void(0)" style="CURSOR:hand;font-weight:bold;font-size:12px" onclick="clearInterval(interval);imgBox.style.visibility = 'hidden'">关闭</a>-->
    <a href="javascript:void(0)" class="close" onclick="clearInterval(interval);imgBox.style.visibility = 'hidden'"></a>
    <div id="boxContent" style="width: 220px;height:140px;margin-top:30px">

    </div>
</div>
<div id="header">
    <div class="clearfix">
        <div class="logo">
            <a href="/index.html">
                <img src="./images/sunan_logo.png" style="width:23rem;height:70px">
            </a>
            <a href="./index.html">
                <img src="./images/second-logo.png" style="width:12rem;height:70px">
            </a>
        </div>

        <div class="nav1">
            <ul class="clearfix">
                <li class="on"><a href="./index.html">首页</a></li>
                <li><a href="./news.html">要闻动态</a></li>
                <li><a href="./notice.html">通知公告</a></li>
                <li><a href="./resource.html">协同创新</a></li>
                <li><a href="guide.html">军民融合</a></li>
                <li><a href="./innovate.html">项目管理</a></li>
                <li><a href="./about.html">关于我们</a></li>
                <li id="login_btn"><a href="javascript:void(0)">登录</a></li>
                <li id="user_info">
                    <div class="dropdown">
                        <span class="dropbtn" id="user_info_name"></span>
                        <div class="dropdown-content">
                            <a href="javascript:void(0)" id="xq_btn"><p>发布需求</p></a>
                            <a href="javascript:void(0)" id="cg_btn"><p>发布成果</p></a>
                            <a href="javascript:void(0)" id="gzt_btn"><p>我的工作台</p></a>
                            <a href="javascript:void(0)" id="logout_btn"><p>退出登录</p></a>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>


<div  class="banner-content">
    <div class="banner-slide">
        <div class="banner-slide-circle hd">
            <ul id="cbb"></ul>
        </div>
        <div class="banner-slide-image bd">
            <ul id="cbd"></ul>
        </div>
    </div>
    <div class="search">
        <input type="text" class="search_text" id="search_text" placeholder="请输入关键字，比如：晶体材料">
        <button type="button" class="search_btn" id="search_btn">搜索</button>
    </div>
    <div class="banner-hidden">
        <div class="banner-background-01"></div>
        <div class="banner-background-02"></div>
    </div>
</div>

<div class="marketing_advantage">
    <div class="rowFluid">
        <div class="span12">
            <div class="container">
                <div class="all_title2 wow fadeInUp">
                    <h3 class="title">协同创新</h3>
                    <div class="text">Collaborative Innovation</div>
                </div>
                <div class="rowFluid" style="margin-top:5%">
                    <div class="marketing_advantage_content">
                        <div class="quick_room wow fadeInUp">
                            <a href="resource_map.html"><img src="images/co-Innovation1.png" alt="">
                                <p>军民科技协同创新资源地图</p>
                            </a>
                            <a href="sharing_platform.html"><img src="images/co-Innovation2.png" alt="">
                                <p>军民大型国防科研仪器设备共享平台</p>
                            </a>
                        </div>
                        <div class="span12 co-inno-bg">
                            <img src="images/co-Innovation-bg.png" alt="">
                        </div>
                        <div class="span12">
                            <div class="quick_search wow fadeInUp">
                                <ul>
                                    <li>
                                        <a href="resource_item.html?type=xq"><img src="images/co-Innovation3.png" alt="">
                                            <p>对接需求</p>
                                        </a>

                                    </li>
                                    <li>
                                        <!--<a href="resource_item.html?type=cg">-->
										<img src="images/co-Innovation4.png" alt="">
                                            <p>对接成果</p>
                                        <!--</a>-->

                                    </li>
                                    <li>
                                        <a href="resource_item.html?type=zj"><img src="images/co-Innovation5.png" alt="">
                                            <p>对接专家</p>
                                        </a>

                                    </li>
                                    <li>
                                        <a href="resource_item.html?type=fwjg"><img src="images/co-Innovation6.png" alt="">
                                            <p>对接服务</p>
                                        </a>

                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="news_center">
    <div class="rowFluid">
        <div class="span12 news-list">
            <div class="container">
                <div class="all_title2 wow fadeInUp">
                    <h3 class="title">平台动态</h3>
                    <div class="text">News Trends</div>
                </div>
                <div class="rowFluid">
                    <div class="news_center_content">
                        <div class="span6 col-sm-12 wow fadeInUp">
                            <div class="news_center_list" style="margin: 0px">
                                <div class="news_center_list_title">要闻动态</div>
                                <a href="news.html">
                                    <div class="news_center_list_more">更多>></div>
                                </a>

                                <ul id="contentarea">
                                </ul>

                            </div>
                        </div>
                        <div class="span6 col-sm-12 wow fadeInUp">
                            <div class="news_center_list">
                                <div class="news_center_list_title">通知公告</div>
                                <a href="notice.html">
                                    <div class="news_center_list_more">更多>></div>
                                </a>

                                <ul id="contentarea2">
                                </ul>

                            </div>
                        </div>
                        <div class="span6 col-sm-12">
                            <div class="swiper-container wow fadeInUp">
                                <div class="swiper-wrapper">
                                    <div class="swiper-container wow fadeInUp">
                                        <div class="swiper-wrapper"></div>
                                    </div>
                                </div>
                            </div>
                            <button class="baoming wow fadeInUp" type="button" id="view_detail">查看详情</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="join_in">
    <div class="all_title2 wow fadeInUp">
        <h3 class="title">数据统计</h3>
        <div class="text" data-wow-delay="0.2s">Data Statistics</div>
    </div>

    <div class="statistics">
        <ul class="wow fadeInUp" data-wow-delay="0.4s" style="margin-top: 20px">
            <li class="data-content">
                <img src="images/xq.png">
                <p>需求总量</p >
                <h1 id="xq"></h1>
            </li>
            <li class="data-content">
                <img src="images/cg.png">
                <p>成果总量</p >
                <h1 id="cg"></h1>
            </li>
            <li class="data-content">
                <img src="images/zj.png">
                <p>专家总量</p >
                <h1 id="zj"></h1>
            </li>
            <li class="data-content">
                <img src="images/qy.png">
                <p>企业总量</p >
                <h1 id="qy"></h1>
            </li>
            <li class="data-content">
                <img src="images/gxys.png">
                <p>高校院所总量</p >
                <h1 id="gx"></h1>
            </li>
        </ul>
        <ul class="wow fadeInUp" data-wow-delay="0.6s" style="margin-top: 10px;">
            <li class="data-content">
                <img src="images/fwjg.png">
                <p>服务机构总量</p >
                <h1 id="fwjg"></h1>
            </li>
            <li class="data-content">
                <img src="images/dj.png">
                <p>对接总量</p >
                <h1 id="meetingCnt"></h1>
            </li>
            <li class="data-content">
                <img src="images/djcg.png">
                <p>对接成功总量</p >
                <h1 id="successMeetingCnt"></h1>
            </li>
            <li class="data-content">
                <img src="images/yh.png">
                <p>注册用户总量</p >
                <h1 id="userCnt"></h1>
            </li>
            <li class="data-content">
                <img src="images/fwl.png">
                <p>网站访问总量</p >
                <h1 id="visitCnt"></h1>
            </li>
        </ul>
    </div>
</div>

<!-- FOOTER -->
<div id="footer">
    <div class="foot_item">
        <div class="rowFluid">
            <div class="span12">
                <div class="rowFluid">
                    <div class="footer_content">
                        <div class="fl wow fadeInUp">
                            <img src="./images/foot-logo.png">
                            <p>全面、专业、准确、权威，帮你寻找更多优质合作机会</p>

<!--                            <img src="./images/qq_qun.png" class="qq_qun float-l">-->
                            <ul>
                                <li><a href="javascript:void(0)" id="register">新用户注册</a></li>
                                <li><a href="javascript:void(0)" id="gzt">我的工作台</a></li>
                                <li><a href="about.html">关于我们</a></li>
                            </ul>
                        </div>
                        <div class="partners_content wow fadeInUp">
                            <div class="footer-content">
                                <h3 class="title">联系我们</h3>
                                <div class="border"></div>
                            </div>
                            <div class="partners_item">
                                <p>电话：025-85485913、025-85485912</p>
<!--                                <p>QQ群：862872598</p>-->
                                <p>邮箱：jspc5979@126.com</p>
                                <p>地址：江苏省南京市龙蟠路175号</p>
                                <p>周一至周五</p>
                                <p> 9:00 - 17:00</p>

                            </div>
                        </div>
                        <div class="partners_content wow fadeInUp">
                            <div class="footer-content">
                                <h3 class="title">友情链接</h3>
                                <div class="border"></div>
                            </div>
                            <div class="partners_item">
                                <a href="http://www.most.gov.cn" target="_blank">中华人民共和国科学技术部</a>
                                <a href="http://www.mod.gov.cn"  target="_blank">中华人民共和国国防部</a>
                                <a href="http://www.81.cn" target="_blank">中国军网</a>
                                <a href="http://www.sastind.gov.cn" target="_blank">国家国防科技工业局</a>
                                <a href="http://kxjst.jiangsu.gov.cn" target="_blank">江苏省科学技术厅</a>
                                <a href="http://www.jspc.org.cn" target="_blank">江苏省生产力促进中心</a>
                                <a href="http://www.jilianonline.cn" target="_blank">江苏省产学研合作智能服务平台</a>
                                <a href="http://joindcxcy.com/jyetsc/Apps/sme/" target="_blank">江阴高新区建设促进服务中心</a>
                            </div>
                        </div>


                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-bottom" data-scroll-reveal="enter top">
        <a href="http://www.beian.miit.gov.cn" target="_blank" style="color: white">苏ICP备10205216号</a> 版权所有 ©️2017 江苏省生产力促进中心
    </div>
    <div class="up"></div>
</div>

<script src="https://cdn.bootcss.com/jquery/2.1.0/jquery.min.js"></script>
<script src="http://www.bbsxiaomi.com/js/wow.min.js"></script>
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript" src="js/scrollreveal.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/page.js"></script>
<script type="text/javascript" src="js/index_html.js"></script>
<script type="text/javascript" src="js/index_html_box.js"></script>


<style>
    .sb{
        height: 100%;
        margin-left:280px;
    }
    .sb p {
        border:0.5px solid gray;
        font-size:14px;
        position:absolute;
        bottom:12px;
        border-radius:30px;
    }
</style>
</body>
</html>
